import { Card, Col, Pagination, Row, Table, Tag, Tree,Button } from 'antd'
import React from 'react'

export default function HospitalSchedule() {
    const treeData = [
        {
          title: 'parent 1',
          key: '0-0',
          children: [
            {
              title: 'parent 1-0',
              key: '0-0-0',
              disabled: true,
              children: [
                {
                  title: 'leaf',
                  key: '0-0-0-0',
                  disableCheckbox: true,
                },
                {
                  title: 'leaf',
                  key: '0-0-0-1',
                },
              ],
            },
            {
              title: 'parent 1-1',
              key: '0-0-1',
              children: [{ title: <span style={{ color: '#1890ff' }}>sss</span>, key: '0-0-1-0' }],
            },
          ],
        },
      ];
      const dataSource = [
        {
          key: '1',
          name: '胡彦斌',
          age: 32,
          address: '西湖区湖底公园1号',
        },
        {
          key: '2',
          name: '胡彦祖',
          age: 42,
          address: '西湖区湖底公园1号',
        },
      ];
      const columns = [
        {
          title: '序号',
          dataIndex: 'name',
          key: 'name',
        },
        {
          title: '职称',
          dataIndex: 'age',
          key: 'age',
        },
        {
          title: '号源时间',
          dataIndex: 'address',
          key: 'address',
        },
        {
            title: '可预约数',
            dataIndex: 'address',
            key: 'address',
        },
        {
            title: '剩余可预约数',
            dataIndex: 'address',
            key: 'address',
        },
        {
            title: '挂号费(元)',
            dataIndex: 'address',
            key: 'address',
        },
        {
            title: '擅长技能',
            dataIndex: 'address',
            key: 'address',
        },
      ];
    
    return (
        <Card>
            <p>选择:北京协和医院/多发性硬化专科门诊/2022-04-08</p>
            <Row gutter={10}>
                <Col span={5}>
                    <Tree
                        treeData={treeData}
                    />
                </Col>
                <Col span={19}>
                    <div >
                        <Tag>
                            <p>2022-4-25</p>
                            <p>38/100</p>
                        </Tag>
                        <Tag>
                            <p>2022-4-25</p>
                            <p>38/100</p>
                        </Tag>
                        <Tag>
                            <p>2022-4-25</p>
                            <p>38/100</p>
                        </Tag>
                    </div>
                    <Pagination style={{marginTop:'20px'}}></Pagination>
                    <Table dataSource={dataSource} columns={columns} pagination={false} style={{marginTop:'20px'}}></Table>
                    <Button style={{marginTop:'20px'}}>返回</Button>
                </Col>
            </Row>
        </Card>
    )
}
